<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .container {
        display: flex;
        flex-flow: row nowrap;
        /* justify-content: flex-start; */
        /* justify-content: flex-end; */
        justify-content: center;
        /* justify-content: space-between; */
        /* justify-content: space-around; */
        /* justify-content: space-evenly; */
        background-color: #ff8189;
        width: 500px;
        height: 500px;
    }

    .item1 {
        /* background-color: red; */
        width: 80px;
        height: 80px;
        /* margin-right: 10px; */
    }
</style>


<body>
    <div class="container">
        <div class="item item1">1</div>
        <div class="item item1">2</div>
        <div class="item item1">3</div>
        <div class="item item1">4</div>
    </div>
</body>
<script src="js/itemRandomColor.js"></script>

</html>